<template>
    <div>
        <draggable v-model="list">
            <div v-for="(item, index) in list" :key="index">{{ item }}</div>
        </draggable>
    </div>
</template>

<script setup>
import draggable from 'vuedraggable'

export default {
    components: {
        draggable,
    },
    data() {
        return {
            list: ['Apple', 'Banana', 'Orange'],
        }
    },
}
</script>



<style scoped>

</style>
